<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="../js/vue.min.js"></script>
</head>
<body>
<div id="app">
    <p>{{message | reverse }}</p>
    <p>{{message | reverse | upCase}}</p>
    <pre>
1)：字母操作: ---- 针对字符串
A:capitalize
B:uppercase
C:lowercase

2):json过ingfy滤器，可将表达式的值转化为Json字符串，本质上是ISON.stringfy()，接受一个Number参数，用于决定转化后的JSON字符串的缩进距离，不输默认是2
<pre>didifamily | json 4</pre>

3.limitBy 限制数组为开始的前N个元素
 v-for="item in items | limitBy 10"

        4.
    </pre>
    http://www.cnblogs.com/zhanghuiyun/p/6226319.html
</div>
<script>
//    自定义过滤器
    Vue.filter('reverse', function (value) {
        return value.split('').reverse().join('')
    });
    Vue.filter('upCase', function (value) {
        return value.toUpperCase()
    });
    new Vue({
        el: '#app',
        data: {
            message:'www.runoob.com'
        }
    })
</script>
</body>
</html>
